<main>
    <header id="head">
        <div :class="isFixed == true ? 'isFixed' : ''">
            <van-row class="custom-search-wrap">
                <a class="logo" href="/"></a> 
                <router-link to="/search" class="search"> 
                    <van-search class="custom-search-input" disabled placeholder="搜索商品, 共121099款好物" /> 
                </router-link>
                <van-button class="custom-login-button" plain hairline type="danger" size="mini" to="/login" v-show="!this.$store.state.token">登录</van-button>          
            </van-row>
            <section class="custom-tab-box">
                <van-tabs animated>
                    <van-tab to="/home" title="推荐"></van-tab>
                    <van-tab :to="{path:'/home/list',query:{name:index}}" v-for="(title, index) in tabs" :key="index" :title="title"></van-tab>
                </van-tabs>
                <div class="custom-toggleWrap">
                    <div class="custom-linear"></div>
                    <div class="custom-toggle">
                        <div class="custom-icon"></div>
                    </div>
                </div>
            </section>
        </div>
    </header>

    <router-view></router-view>

    <Footer></Footer>
</main>